<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!doctype  html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

	<meta http-equiv="Content-Style-Type" content="text/css" />

	<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen">	
	<link href="css/grid.css" rel="stylesheet" type="text/css" media="screen">
	<link href="css/estilos.css" rel="stylesheet" type="text/css" media="screen">
	<link href="css/utiles.css" rel="stylesheet" type="text/css" media="screen">
	<link href="css/custom.css" rel="stylesheet" type="text/css" media="screen">
	<link href="css/forms.css" rel="stylesheet" type="text/css" media="screen">
	
	<link href="css/tablas.css" rel="stylesheet" type="text/css" media="screen">
	
	<sj:head jqueryui="true" jquerytheme="rescsa" customBasepath="themes"/>
<%-- 	<sj:head jqueryui="true" jquerytheme="ui-lightness"/> --%>
<%-- 	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> --%>
	
	<script type="text/javascript" src="js/rescsa.js"></script>
	<script type="text/javascript" src="js/jquery.form.js"></script>
	
<!-- 	para el wysing -->
<script type="text/javascript" src="js/extendplugin.js"></script>
	
	<title><tiles:insertAttribute name="title" ignore="true" /></title>
</head>
<body class="bodyGreen textMed">
<div id="fondo">
	<div id="contenedor" class="container rdnd5 smbrD">
		<div    class="clearfix ">
			<!--CABEZA-->
			<header >
				<div id="boxHeader" class="clearfix" >
					<tiles:insertAttribute name="cabecera" />
				</div>
			</header>

			<!--NAVEGACION-->
			<nav class="prepend-top">
				<div id="boxNav" class="clearfix rdnd2 smbrTB">
					<tiles:insertAttribute name="menu" />
				</div>
			</nav>

			<!--PRINCIPAL-->
			<section class="span-20 prepend-top">
				<div id="boxSection" class="rdnd2 smbrTB clearfix">
					<tiles:insertAttribute name="cuerpo" />
				</div>
			</section>

<!-- 			ASIDE -->
			<aside class="span-6 last prepend-top">
				<div id="boxAside" class="rdnd2 smbrTB asideGreen">
					<tiles:insertAttribute name="aside" />
				</div>
			</aside>

			<!--PIE-->
			<footer class="span-24 last prepend-1 prepend-top" style="display:block !important; margin-top: 10px !important;">
				<div id="boxFooter">
					<tiles:insertAttribute name="pie" />
				</div>
			</footer>

		</div>
	</div>
</div>


<script type="text/javascript">

	$(document).ready(function(){

		$("#btnTextMin").click(function(){
			/*$(".textMed").css("font-size","14px");*/
			$("body").removeClass("textMed");
			$("body").removeClass("textMax")
			$("body").addClass("textMin");
		});

		$("#btnTextMed").click(function(){
			$("body").removeClass("textMax");
			$("body").removeClass("textMin")
			$("body").addClass("textMed");
		});

		$("#btnTextMax").click(function(){
			$("body").removeClass("textMed");
			$("body").removeClass("textMin")
			$("body").addClass("textMax");
		});


		$("#btnBlueMini").click(function(){
			$(".bodyGreen").removeClass("bodyGreen").addClass("bodyBlue");
			$(".asideGreen").removeClass("asideGreen").addClass("asideBlue");
			$(".navGreen").removeClass("navGreen").addClass("navBlue");
			$(".opGreen").removeClass("opGreen").addClass("opBlue");
			$(".opSubGreen").removeClass("opSubGreen").addClass("opSubBlue");
		});

		$("#btnGreenMini").click(function(){
			$(".bodyBlue").removeClass("bodyBlue").addClass("bodyGreen");
			$(".asideBlue").removeClass("asideBlue").addClass("asideGreen");
			$(".navBlue").removeClass("navBlue").addClass("navGreen");
			$(".opBlue").removeClass("opBlue").addClass("opGreen");
			$(".opSubBlue").removeClass("opSubBlue").addClass("opSubGreen");
		});
		
	});
</script>
</body>